// nav图
.resultpage{
	.com_header{
		margin-bottom: 0;
	}
}
.resultpage_nav{
	width: 100%;
	height: 160px;
	margin-bottom: $margin-bottom;
	background: url('../images/jggs_bg.png') no-repeat center center;
}
// nav图 end
// 查询和选项
.resultpage_option{
	@include comWidthMargin;
	margin-bottom: $margin-bottom;
	background-color: #ffffff;
	padding: 0 24px;
	box-sizing: border-box;
}
// 查询和选项 end
// 公共option下拉选项
.option_left{
	height: 58px;
	padding-left: 40px;
	background: url('../images/icon.png') no-repeat left center;
	.option_wrap{
		position: relative;
		height: 32px;
		line-height: 32px;
		border-bottom: 2px solid #0099FF;
		color: #0099FF;
		margin-top: 10px;
		box-sizing: border-box;
		cursor: pointer;
		.option_item{
			float: left;
			font-weight: bold;
			text-align: center;
			width: 210px;
		}
		i{
			float: right;
			width: 17px;
			height: 32px;
			margin: 0 5px;
			background: url('../images/tit_jt.png') no-repeat right center;
		}
		.option_list{
			display:none;
			position: absolute;
			left: 0;
			top: 32px;
			z-index: 9999;
			background: #ffffff;
			width: 200px;
			@include boxShadow;
			a{
				display: block;
				padding: 5px 10px;
				line-height: 26px;
				box-sizing: border-box;
				@include overflowSl;
				&:hover,&.o_active{
					background-color: #DEF2FF;
    			color: #0099FF;
				}
			}
		}
	}
}
.option_file{
	line-height: 32px;
	margin-top: 18px;
	color: #0099ff;
	margin-left: 20px;
	text-decoration: underline;
	cursor: pointer;
	display: none;
}
.option_right{
	width: 400px;
	// width: 360px;
	height:32px;
	line-height: 32px;
	border: 1px solid #cccccc;
	border-radius: 4px;
	margin-top: 10px;
	box-sizing: border-box;
	position: relative;
	.search_input{
		color: #999999;
		font-size: 14px;
		text-indent: 1em;
		width: 343px;
		// width: 300px;
		height: 28px;
		line-height: 30px;
		box-sizing: border-box;
		vertical-align: top;
	}
	.search_submit{
		width: 50px;
		height: 100%;
		cursor: pointer;
		background: url('../images/cx.png') no-repeat center center;
	}
}
// .J_zxdh {
// 	display: none;
// }
// .J_ssyhgs {
// 	display: none;
// }

// 公共option下拉选项 end
// 区域街道
.resultpage_street{
	@include comWidthMargin;
	margin-bottom: $margin-bottom;
	height: 48px;
	background: url('../images/street_bg.png') no-repeat;
	.cs_title {
		height: 48px;
		line-height: 48px;
		color: #ffffff;
		padding: 0 30px;
		box-sizing: border-box;
		display: none;
	}
	.street_com{
		display: none;
		float: left;
		color: #ffffff;
		margin-left: 20px;
		span{
			float: left;
			margin-top: 17px;
		}
		select{
			height: 34px;
			line-height: 34px;
			background-color: #ffffff;
			border: none;
			border-radius: 4px;
			width: 180px;
			margin-top: 7px;
			margin-left: 10px;
			color: #999999;
			padding: 5px 0;
		}
	}
}
.J_zxdh {
	height: none !important;
}
.J_ssyhgs {
	height: none !important;
}
.date_c{
	color: #ffffff;
	font-size: 14px;
	display: none;
	span{
		float: left;
		line-height: 48px;
		margin: 0 10px;
	}
	.input_div{
		float: left;
		input{
			width: 186px;
			height: 24px;
			line-height: 24px;
			margin-top: 12px;
			border: 1px solid #DEF2FF;
			border-radius: 1px;
			box-sizing: border-box;
			color: #999999;
			text-indent: 1em;
			background: #ffffff url('../images/rl.png') no-repeat 160px center;
			&.WdateFmtErr{
				font-weight: normal;
			}
		}
	}
}
// 区域街道 end
// table区域
.resultpage_table{
	@include comWidthMargin;
	margin-bottom: $margin-bottom;
	background-color: #ffffff;
	padding: 24px;
	box-sizing: border-box;
	.top_tr{
		td{
			color: #003E8C;
			font-weight: bold;
			border-bottom: 1px solid #003E8C;
			display:table-cell;
			vertical-align:middle;
		}
	}
	.nomal_tr{
		background-color: #F1F9FF;
		border-bottom: 1px solid #e5e5e5;
		td{
			height: 66px;
			line-height: 24px;
			color: #333333;
			// padding-top:26px;
			box-sizing: border-box;
			display:table-cell;
			vertical-align:middle;
			.ck{
				display: inline-block;
				color: #0099FF;
				box-sizing: border-box;
			}
		}
		&.even{
			background-color:#ffffff;
		}
		&:hover{
			background-color:#C9E9FF;
		}
	}
}
.J_zx {
	display: none;
	.nomal_tr {
		td {
			height: 50px !important;
		}
	}
}
.J_ss {
	display: none;
	.nomal_tr {
		td {
			height: 50px !important;
		}
	}

}
// table区域 end

// 一次性补贴公示需要的电话
.ycxReport{
	display: none;
	.table td{
		border: 1px solid #ccc !important;
	}
}
// 举报电话
.report,.ycxReport{
	@include comWidthMargin;
	margin-bottom: $margin-bottom;
	.report_top{
		height: 48px;
		line-height: 48px;
		color: #ffffff;
		background: url('../images/street_bg.png') no-repeat;
		padding: 0 30px;
		box-sizing: border-box;
		p{
			display:block;
			padding-left: 28px;
			background: url('../images/jbdh.png') no-repeat left center;
			box-sizing: border-box
		}
		.J_jbdh {
			display: none;
		}
	}
	.report_bottom{
		display: none;
		background-color: #ffffff;
		padding: 10px 18px;
		.report_item{
			float: left;
			width: 273px;
			height: 38px;
			line-height: 38px;
			text-align: center;
			border: 1px solid #e5e5e5;
			margin: 8px;
			span{
				float:left;
				&.n{
					width:100px;
					color: #333333;
					font-weight: bold;
					background-color: #E0F1FB;
					border-right: 1px solid #E5E5E5;
					box-sizing: border-box;
				}
				&.d{
					width:173px;
					color: #333333;
				}
			}
		}
	}
}
// 举报电话 end

// 浮层
.fc{
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	.fc_bg{
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		background-color: #000;
		opacity: 0.2;
		filter: alpha(opacity=20);
	}
	.fc_con{
		width: 960px;
		height: 660px;
		background-color: #ffffff;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -480px;
		margin-top: -330px;
		z-index: 2;
		box-sizing: border-box;
		.fc_con_top{
			width: 100%;
			height: 40px;
			line-height: 40px;
			color: #ffffff;
			font-size: 16px;
			background-color: #0099FF;
			padding:0 16px 0 20px;
			box-sizing: border-box;
			.gb{
				display: block;
				width: 20px;
				height: 100%;
				background: url('../images/gb.png') no-repeat center center;
				cursor: pointer;
			}
		}
		.fc_con_bottom{
			width: 840px;
			margin: 0 auto;
			.fc_bottom_top{
				color: #0099FF;
				font-size: 22px;
				text-align: center;
				padding: 16px 0;
				margin-top: 10px;
				margin-bottom: $margin-bottom;
				border-bottom: 1px solid #E5E5E5;
				position: relative;
				&:after{
					content: '';
					width: 96px;
					height: 2px;
					background-color: #0099FF;
					position: absolute;
					left: 50%;
					bottom: -1px;
					margin-left: -48px;
					z-index: 2;
				}
			}
			.fc_bottom_center{
				margin:20px 0;
				.fc_c_text{
					margin-bottom: 10px;
					span,p{
						color: #333333;
					}
				}
			}
			.fc_bottom_b{
				width: 100%;
				&.resultpage_table{
					width: 100%;
					padding: 0;
					.top_tr{
						border-top: 2px solid #003E8C;
						box-sizing: border-box;
					}
					.nomal_tr{
						td{
							height: 50px;
						}
					}
				}
			}
		}
	}
}
// 浮层 end
// 机构信信息
.mechanism{
	.resultpage_nav{
		background: url('../images/banner_jgml.png') no-repeat center center;
	}
	.resultpage_table{
		.rlzy{
			margin-bottom: $margin-bottom;
			background-color: #fff;
			border: 1px solid #E9E9E9;
			box-sizing: border-box;
			.rlzy_top{
				height: 40px;
				line-height: 40px;
				background-color: #E1F1FC;
				border-left:4px solid #0099FF;
				box-sizing: border-box;
				h1{
					color: #0099FF;
					font-size: 16px;
					margin-left: 25px;
					font-weight: bold;
				}
				span{
					margin-left: 14px;
					color: #000000;
					font-size: 14px;
				}
				.fwdh{
					// width: 523px;
					margin-right: 36px;
					padding-left: 25px;
					background: url('../images/dh.png') no-repeat left center;
				}
			}
			.rlzy_center{
				color: #333333;
				padding: 10px 20px;
				border-bottom: 1px dashed #E5E5E5;
				box-sizing: border-box;
				.rlzy_center_item{
					margin-bottom: 15px;
					.c_bajgmc{
						p{
							width: 415px;
							@include overflowSl
						}
					}
					.c_babh{
						margin-left: 2px;
						p{
							width: 218px;
							@include overflowSl
						}
					}
					.c_barq{
						margin-right: 17px;
					}
					&.c_blue{
						span,p{
							color: #0099FF;
						}
					}
					&.fwfw{
						span{
							line-height: 20px;
						}
						p{
							width: 1025px;
							line-height: 20px;
							white-space:normal;
							word-break:break-all;
						}
					}
					&.baywsx{
						span{
							line-height: 18px;
						}
						p{
							width: 955px;
							line-height: 18px;
							height: 18px;
							overflow: hidden;
						}
					}

				}
				i{
					font-style: normal;
					color: #eebc09;
					line-height: 18px;
					cursor: pointer;
					position: relative;
					&.J_sq{
						display:none;
					}
				}
				span{
					color: #333333;
					font-size: 14px;
				}
				p{
					color: #333333;
					font-size: 14px;
				}
			}
			.rlzy_bottom{
				padding: 10px 20px;
				i{
					font-style: normal;
					color: #eebc09;
					line-height: 18px;
					cursor: pointer;
					&.J_sq{
						display:none;
					}
				}
				span{
					color: #333333;
					font-size: 14px;
					line-height: 18px;
				}
				p{
					color: #333333;
					font-size: 14px;
					line-height: 18px;
				}
				.c_dz{
					box-sizing: border-box;
					.p_dz{
						width: 400px;
						height: 18px;
						padding-left: 20px;
						background: url('../images/jgdz.png') no-repeat left top;
						box-sizing: border-box;
						overflow: hidden;
					}
				}
				.c_xkrq{
					margin-left: 9px;
					padding-left: 20px;
					background: url('../images/xkrq.png') no-repeat left top;
				}
				.c_pzjgmc{
					padding-left: 20px;
					background: url('../images/pzjg.png') no-repeat left top;
				}
			}
			.J_xq{
				position: relative;
				&:hover{
					.xq_item{
						display: block;
					}
				}
				.xq_item{
					display:none;
					position: absolute;
					top: 18px;
					z-index: 2;
					width: 512px;
					background-color: #ffffff;
					border: 1px solid #B2E1FF;
					border-radius: 3px;
					padding: 10px;
					box-sizing: border-box;
					@include boxShadow;
					&:after{
						content: '';
						height: 0px;
						width: 0px;
						border-right: 10px solid transparent;
						border-bottom: 10px solid #ffffff;
						border-left: 10px solid transparent;
						position: absolute;
						top: -10px;
					}
					.xq_item_con{
						background-color: #DEF2FF;
						border-radius: 3px;
						padding: 5px;
						box-sizing: border-box;
						h1{
							font-size: 14px;
							color: #0099FF;
							margin-bottom: 10px;
						}
						p{
							display: block;
							width: 100%;
							height: auto;
							margin-bottom: 5px;
						}
					}
				}
			}
			.c_xq_ba{
				.xq_item{
					right: 0;
					&:after{
						right: 10px;
					}
				}
			}
			.c_xq_dz{
				.xq_item{
					left: 0;
					&:after{
						left: 10px;
					}
				}
			}
		}
	}
}

// 机构信信息 end
// 见习基地信息
.jx_top{
	width: 1200px;
	margin: 0 auto;
	height: 48px;
	line-height: 48px;
	.jx_top_left{
		a{
			float: left;
			padding-left: 22px;
			background: url(../images/home.png) no-repeat left center;
		}
	}
}
.jx_header{
	width: 100%;
	background-color: #ffffff;
	margin-bottom:$margin-bottom;
	.jx_header_con{
		@include comWidthMargin;
    height: 97px;
    background-color: #ffffff;
    padding: 20px 0;
		box-sizing: border-box;
		span{
			height: 48px;
			line-height: 48px;
			font-size: 26px;
			color: #000000;
			font-weight: bold;
			border-left: 1px solid #CECECE;
			padding: 0 20px;
			margin: 4px 20px;
		}
	}
}
.jx_logo{
	width: 100%;
	height: 160px;
	background: url('../images/jxjd_logo.png') no-repeat center center;
	margin-bottom:$margin-bottom;
}
.jx_center{
	padding: 20px;
	@include comWidthMargin;
	box-sizing: border-box;
	margin-bottom:$margin-bottom;
	background-color: #ffffff;
	._table1{
		margin-bottom: $margin-bottom;
		tr,td{
			border: 1px solid #e5e5e5;
		}
		td{
			display:table-cell;
			vertical-align:middle;
			line-height: 24px;
		}
	}
	.jx_td_bg{
		background-color: #E1F1FC;
	}
	.table2_con{
		margin-top: 30px;
	}
	._table2{
		td{
			display:table-cell;
			vertical-align:middle;
		}
		.jx_top_tr{
			td{
				color: #003E8C;
				font-weight: bold;
				border-bottom: 1px solid #003E8C;
			}
		}
		.nomal_tr{
			background-color: #F1F9FF;
			border-bottom: 1px solid #e5e5e5;
			td{
				height: 66px;
				line-height: 24px;
				color: #333333;
				box-sizing: border-box;
			}
			&.even{
				background-color:#ffffff;
			}
			&:hover{
				background-color:#C9E9FF;
			}
		}
	}
}
// 见习基地信息 end
